<template>
	<view class="order-info">
		<order-status :statusText="statusText"></order-status>
		<order-ticket :orderCode="orderCode" :statusText="statusText" :priceList='priceList'
			:serviceFee="serviceFee"></order-ticket>
	</view>
</template>

<script>
	import OrderStatus from '../../components/orderPage/OrderStatus.vue'
	import OrderTicket from '../../components/orderPage/OrderTicket.vue'
	export default {
		components: {
			OrderTicket,
			OrderStatus
		},
		data() {
			return {
				orderCode: '',
				statusText: '',
				priceList: [],
				serviceFee: []
			};
		},
		onLoad(options) {
			this.orderCode = options.orderCode
			this.statusText = options.statusText
			uni.setNavigationBarTitle({
				title: this.$store.state.cinemaName
			})
		}
	}
</script>

<style lang="scss">
	.order-info {
		width: 100vw;
		height: 100vh;
		background-color: #f0f0f5;
	}
</style>